// 主色调
$color-primary: #05bd03;
$color-primary-disabled: #8de98a;
$color-primary-active: #069f04;

// 元素长宽
@mixin wh($width, $height) {
  width: $width;
  height: $height;
}

// 字体
@mixin font($size, $color: #333333, $align: left ) {
  font-size: $size;
  color: $color;
  text-align: $align;
}

// flex布局
@mixin flex($justify-content: center, $align-items: center) {
  display: flex;
  justify-content: $justify-content;
  align-items: $align-items;
}

// 按照父元素上下左右居中
@mixin positionCenter($position: absolute) {
  position: $position;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}